@charset "utf-8";
html { background:#FFF; color:#333;}
/* Reset */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:11px;}
ul,ol{list-style:none;}
a{text-decoration:none; outline: none;}
a:hover{text-decoration:underline; blr:expression(this.onFocus=this.blur());}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
img{border:0;}
button,input,select,textarea{font-size:100%;}
table{}
li { list-style:none;}
a { color:#333;}
a:hover { text-decoration: underline; color:#B00;}
/* End Reset */
.wrap { width:952px; margin: 0 auto;}
.mt { margin-top:8px;}
.mb { margin-bottom:8px;}

.btn { background: #DDEFF1; border: 1px solid #2D6B56; color:#2D6B56; cursor: pointer; height: auto; line-height: 22px; margin: 0 2px; padding: 0 10px;}
input { padding-left:1px;}

/* Layout */
.layout { margin-right:8px; float: left; display: inline-block; }
.layout-3 { width:112px; }
.layout-4 { width:152px; }
.layout-5 { width:192px; }
.layout-6 { width:232px; }
.layout-7 { width:272px; }
.layout-8 { width:312px; }
.layout-9 { width:352px; }
.layout-10 { width:392px; }
.layout-11 { width:432px; }
.layout-12 { width:472px; }
.layout-13 { width:512px; }
.layout-14 { width:552px; }
.layout-15 { width:592px; }
.layout-16 { width:632px; }
.layout-17 { width:672px; }
.layout-18 { width:712px; }
.layout-19 { width:752px; }
.layout-20 { width:792px; }
.layout-21 { width:832px; }
.layout-22 { width:872px; }
.layout-23 { width:912px; }
.layout.layout-fixed {margin-right:0;}
/* End Layout */

/* Login */
#account-login { width:760px; margin:120px auto 0;}
#account-login .login-bg { box-shadow: 2px 2px 4px #DDDDDD; float: right; text-align: left; width: 286px; border-radius: 6px 6px 6px 6px;}
#account-login .login-panel { background: #F5F8FC; border: 1px solid #A9C4E8; padding: 12px; text-align: left;width: 260px;border-radius: 6px 6px 6px 6px; }
#account-login .login-panel .error-message { display:block; padding-left:40px;}
#account-login .login-panel p { margin: 3px 0;}
#account-login .login-panel a { color:#0066CC;}
#account-login .copyright { text-align:center; margin:220px 0 0;}
#account-login .copyright p { display:inline;}
#account-login .copyright p a { color: #006699; }
#account-login .login-name { font-size:14px; font-weight:bold; border-bottom: 1px solid #C7C7C7; padding:5px; margin:0 0 12px;}
#account-login input { height:17px; line-height:17px;}
#account-login input#account, #account-login input#password { width:133px;}
#account-login .btn { border: 1px solid #A9C4E8; padding:2px 10px; margin:0; width:auto; height: auto; line-height:20px; box-shadow: 2px 2px 4px #DDD;}
#account-login .secode-img { height: 19px; vertical-align: top; width: 78px; border: 1px solid #7F9DB9; cursor:pointer;}
#login-err-msg { padding:0 0 4px}
/* End Login */

/* POP UP window */
#pop-box-out { width:100%; height:100%; position:absolute; left:0; top:0; background:#BBB; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
#pop-box { border: 1px solid #609EC9; width: 560px; height:410px; padding:9px 8px 8px 8px; background:#D9F1F9; position: absolute; }
#pop-box .pop-box-in { height:100%; margin-left:-1px; margin-top:-1px; width:100%; background:#FFF url(images/bg-pop-box-title.gif) repeat-x; border:1px solid #AADDFF; overflow-y: auto;}
#pop-box .in-wrap { display:block; padding:8px;}
#pop-box a.close { z-index:99; position:absolute; right:10px; top:8px; height:16px; width:33px; cursor:pointer; background: url(images/btn-close-pop.png) 0 0 no-repeat;}
#pop-box a.close:hover { background-position: -33px 0;}
#pop-box a.close:active { background-position: -66px 0;}
#pop-box .pop-title { height:30px; }
/* POP UP window */

/* Tips */
.error-message { color:#FF0000; }
#msgs .err { color:#FF0000; padding:8px; border:1px solid #FF0000; margin:8px; background:#F4F9FC;}
/* End Tips */

#header { padding-top:38px; height:96px;}
#top-nav { height:30px; line-height:30px; left:0; top:0; background:url(images/bgs.gif); position:absolute; width:100%;}
#top-nav .wrap { position: relative;}
#user-action-bar { position:absolute; right:0; top:0; display:none;}
#user-action-bar #user_name, #user-action-bar #user_pass { width:100px; border:1px solid #B5B5B5; height:18px; line-height:18px;}
#user-action-bar input { float:left; margin-right:2px; margin-top:5px;}
#header #logo { float:left; height:50px;}
#header .banner { float:right;}
#nav {background:url(images/bgs.gif) 0 -100px repeat-x; height:36px; line-height:36px; clear:both; margin-top:8px; float:left; width:100%; position:relative;}
#nav .cor-l { position:absolute; left:0; top:0; height:36px; width:8px; background:url(images/bgs.gif) left -50px;}
#nav .cor-r { position:absolute; right:0; top:0; height:36px; width:8px; background:url(images/bgs.gif) right -50px;}
#nav ul { padding:0 10px; }
#nav ul li { display:inline-block; float:left; background:url(images/bgs.gif) -100px -50px no-repeat;}
#nav ul li.home { background:none;}
#nav ul li a { color:#FFF; font-size:14px; height:36px; line-height:36px; display:block; float:left; font-weight:bold;  padding:0 20px;}
#nav ul li.current a, #nav ul li a:hover {background:url(images/bgs.gif) 50% -150px no-repeat; }

#content { margin-top:8px; }

/* 图片轮播 */
#flashbox { width:632px; height:225px; overflow:hidden; position:relative;}
#flashbox h3{ position:absolute;font-weight:bold;font-size:12px; text-indent:2%; height:26px; line-height:26px;z-index:102; width:98%;color:#CCC;}
#flashbox h3 a:link,.flashbox h3 a:visited{text-decoration:none; color:#FFFFFF;}
#flashbox h3 a:hover{text-decoration:underline; color:#FF6600;}
.smallslider-btns{position:absolute;z-index:103;}
.smallslider-btns span{background-color:#FFFFFF;border:1px solid #DCDCDC;color:#9F9F9F;cursor:pointer;float:left;font-size:12px;height:16px;line-height:16px;text-align:center; width:16px;}
.smallslider-btns span.current-btn{ background-color:#C00100; border:1px solid #A00100; color:white; font-size:13px;font-weight:bold;}
.smallslider-lay{position:absolute;background:black;height:26px;width:100%; z-index:101;}
/* 图片轮播 */

.block { border:1px solid #D8D8D8; }
.block h2 { height:31px; line-height:31px; background: url(images/bg-tab.gif) repeat-x; padding-left:8px; padding-top:2px; font-size:14px;color:#00376D; position:relative;}
.block h2 a { color:#00376D;}
.block h2 a.more { color:#888; position:absolute; right:8px; top:4px; font-size:12px; font-family:\5b8b\4f53;}
.block .side-main { padding:8px;}
.block.nbt, .nbt { border-top:none;}

/* feed */
.side .feed.block { height:82px;}
.side .feed .side-main { padding:8px;}
.feed li { height:26px; width:32px; float:left; background:url(images/icon-feed.gif) 8px 5px no-repeat;}
.feed li a { height:26px; width:32px; display:block;}
.feed li a span { display:none;}
.feed li#google_reader { background-position:-392px 5px;}
.feed li#youdao_reader { background-position:-342px 5px;}
.feed li#renren_reader { background-position:-342px 5px;}

/* feed */

#notice { height:133px;}

#footer { clear:both; padding-top:8px; text-align:center; margin-bottom:32px;}
#bt-nav { background:url(images/bg-tab-current.gif) 0 0 repeat-x; height:36px; line-height:36px; width:100%; clear:both; text-align:center;}
#bt-nav li { display:inline; margin: 0 10px;}

.crumb,.crumb a { color:#999;}

.home-main-block .tabs { height:33px; background: url(images/bg-tab.gif) repeat-x; position:relative;}
.home-main-block .tabs li { float:left; background: #FFFFFF; border-left: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; margin: 5px 0 0 4px; display:inline-block;}
.home-main-block .tabs li a { display:inline-block; width:auto; border-top: 1px solid #C8C8C8; color: #333333; height: 26px; line-height: 26px; font-size:12px; font-weight:normal; margin-top: -1px; padding: 1px 1px 0; position: relative; text-align: center;}
.home-main-block .tabs li a span { padding:0 16px; background:url("images/bg-tags.png") 0 -210px repeat-x; display:block;}
.home-main-block .tabs li a.current { border-top:1px solid #D20000; height:27px; }
.home-main-block .tabs li a.current span {color:#00376D; font-size:14px; font-weight:bold; background:url("images/bg-tab-current.gif") 0 -1px repeat-x; border-top:}
.block-main { padding:8px 12px;}
.home-main-block .block-main li { display: inline-block; width:49.5%; height:20px; line-height:20px; overflow:hidden;}

/*详细页*/
#content .item { border:1px solid #DEDEDE; padding:10px 20px 20px;}
.item-title { font-size:20px; color:#00376D; text-align:center; line-height:20px; padding:8px;}
.item-info { text-align:center; color:#888; line-height:20px; padding:2px;}
.item-info a { color:#777;}
.item-content { font-size:14px; line-height:25px; }
.line { height:1px; overflow:hidden; border-top:1px solid #E5E5E5; margin:8px 0;}

#hottest-recommend .tabs { clear:both; height:30px;}
#hottest-recommend .tabs li { display: inline-block;border-right:1px solid #D9D9D9; border-left:none; height:28px; line-height:28px; width:77px; text-align:center; margin:0; float:left;}
#hottest-recommend .tabs li.fixed { border-right:none;width:76px; }
#hottest-recommend .tabs li a { background:url("images/bg-tags.png") 0 -210px repeat-x; display:block; border-bottom:1px solid #DDD;}
#hottest-recommend .tabs li a.current { border-bottom-color:#FFF;;; background:url("images/bg-tab-current.gif") 0 0 repeat-x; border-top: 1px solid #D20000; height:27px; line-height:27px;}
#hottest-recommend .panes { height:330px;}
#hottest-recommend .panes li { float:left; width:72px; height:72px; overflow:hidden; float:left; display:inline-block; margin:8px 1px 0 4px;}
#hottest-recommend .panes li img { border:1px solid #DDD; width:48px; height:48px; padding:1px;}
#hottest-recommend .panes li a { display:block; text-align:center;}

.list-content .list-item { padding:10px 10px 10px 62px; border-bottom:1px solid #DEDEDE; color:#666; position:relative; min-height:86px;_height:86px;}
.list-content .list-item .digg { position:absolute; left:8px; top:8px; height:92px; width:42px;}
.list-content .list-item .digg div {width:42px; height:22px; padding-top:20px; color:#FFF; text-align:center; cursor:pointer; }
.list-content .list-item .digg .up { margin-bottom:6px; background:url(images/icons.gif) 0 -60px no-repeat;}
.list-content .list-item .digg .down {background:url(images/icons.gif) 0 -110px no-repeat;}
.list-content .list-item .list-item-title a { color:#2854BB; font-size:14px; font-weight:bold;}
.list-content .list-item .list-item-icon { position:absolute; right:8px; top:12px;}
.list-content .list-item .list-item-width-icon { padding-right:82px;}
.list-content .list-item .list-item-icon img { height:78px; width:78px; border:1px solid #EEE; padding:1px;}
.list-content .list-item .list-item-bar { padding:8px 0;}
.list-content .list-item .list-item-bar span { margin-right:8px; color:#AAA;}

.sub-cat { line-height:1.75; padding:8px; margin:8px 0; background:#FDFDFD;}
.sub-cat-name { float:left; }
.sub-cat-item { display:inline-block; width:auto; *display:inline; margin-right: 8px;}
.sub-cat-item a { color:#1166BB; }
.sub-cat-item.current a { color:#D20000; text-decoration:underline; font-weight:bold;}